<div class="layuimini-container layuimini-page-anim">
    <div class="layui-row">

        <div class="parent-container">
            <div class="layui-card child-div">
                <div class="layui-card-header">疾病风险评估</div>
                <div class="layui-card-body" id="illAccess">

                </div>
            </div>
        </div>


    </div>
</div>

<style>
    .parent-container {
        display: flex;
        justify-content: center; /* 水平居中 */
        align-items: center; /* 垂直居中 */
        height: 80vh; /* 确保父容器足够高以容纳内容并垂直居中 */
    }

    .child-div {
        /* 这里的样式是可选的，根据需要定义宽高或其他样式 */
        width: 800px;
        height: 500px;
        font-size: 25px;
        line-height: 3;
    }
</style>

<script>
    layui.use(['form', 'table','miniPage','element'], function () {
        var $ = layui.jquery;
        let userId = localStorage.getItem("loginUserId")
        $.ajax({
            url: '/health/diseaseAssess',
            type: 'GET',
            data: {userId: userId},
            success: function(response){
                $("#illAccess").html(response.data);
            }
        })

    });
</script>